export default {
    data() {

    },
    props: {
        title: {
            type: String,
            default: ''
        }
    },
    methods: {
        handlePrev() {
            this.$emit('prev')
        }
    },
    template: `
    <div class="block">
        <div class="block-title">
            <span class="block-title_span">{{title}}</span>
            <div class="block-title_menu">
                <div class="swiper-btn left" style="box-shadow: var(--shadow);" @click="$emit('prev')"><img src="./imgs/arrowleft.svg" alt="arrowleft"></div>
                <div class="swiper-btn right" style="box-shadow: var(--shadow);" @click="$emit('next')"><img src="./imgs/arrowright.svg" alt="arrowright"></div>
            </div>
        </div>
        <slot></slot>
    </div>
    `
}